<!doctype html>
<html><!-- InstanceBegin template="/Templates/biTemplate.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no,target-densitydpi=300">
<!-- InstanceBeginEditable name="doctitle" -->
<title>套餐变更</title>
<link rel="stylesheet" type="text/css" href="res/common.css">
<script src="../resources/js/jquery-1.7.2.min.js"></script>

<script src="res/common.js"></script>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F883c1dc0c5cf74748ff6876f4606832f' type='text/javascript'%3E%3C/script%3E"));
</script>

<script type="text/javascript">
var curphone = window.localStorage.getItem("curphone");
var userkey = window.localStorage.getItem("userkey");
$(function(){
	
    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); 
	addEventListener("orientationchange", function() { setTimeout(hideURLbar, 0); }, false);
	addEventListener("load",function(){$("#loading").hide();
		$(".floatBoxBg").hide();
	});
      function hideURLbar(){ 
               window.scrollTo(0,1); 
      }
      if(navigator.userAgent.toLowerCase().indexOf("android", 0)<0){
         $("#footer").css({"center;z-index":"999","position":"fixed","bottom":"0"});
         window.scrollTo(0,1); 
        }else{
        $("#footer").css({"position":"fixed","bottom":"0"});
    var top = $("#footer").offset().top;
    $(window).scroll(function(){
    $("#footer").offset({top:$(document).scrollTop()+top});
    });
        }

       });
$(document).ready(function(e) {
	if(detectDeviceType()=="Apple"){
		$("#viewport").attr("content","width=640,initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5,user-scalable=no");
	}
	if(detectDeviceType()=="Apple"){
		$("body").css("min-height",(window.screen.height-108)*2+"px");
		window.scrollTo(0,1); 
	}else{
	$("body").css("min-height",window.screen.height+"px");
	window.scrollTo(0,1); 
	}
	var pactype=getQueryParameter("pacType");
    var url1=jsonserver+"pm/userphone/"+curphone+"/"+userkey;
	$.getJSON(url1+".jsonp?callback=?",{},function(data){
		var tablecount = 0;
		if(data.iPhoneList!=null&&data.iPhoneList.length>0){
			tablecount++;
		}
		if(data.aList!=null&&data.aList.length>0){
			tablecount++;
		}
		if(data.bList!=null&&data.bList.length>0){
			tablecount++;
		}
		if(data.cList!=null&&data.cList.length>0){
			tablecount++;
		}
		if(tablecount>1){
			$("#headtable").show();
			$.each(data.tabList,function(i,field){
				$("#tablepage").append('<td class="headtb">'+field+'</td>');
			});
			$("#aList").bind("click",function(){
				$("#bList").attr("class","unclicked");
				$("#cList").attr("class","unclicked");
				$("#iList").attr("class","unclicked");
				$("#pack_i").hide();
				$("#pack_b").hide();
				$("#pack_c").hide();
				$("#aList").attr("class","clicked");
				$("#pack_a").show();
			});
			$("#bList").bind("click",function(){
				$("#aList").attr("class","unclicked");
				$("#cList").attr("class","unclicked");
				$("#iList").attr("class","unclicked");
				$("#pack_i").hide();
				$("#pack_a").hide();
				$("#pack_c").hide();
				$("#bList").attr("class","clicked");
				$("#pack_b").show();
			});
			$("#cList").bind("click",function(){
				$("#bList").attr("class","unclicked");
				$("#aList").attr("class","unclicked");
				$("#iList").attr("class","unclicked");
				$("#pack_i").hide();
				$("#pack_b").hide();
				$("#pack_a").hide();
				$("#cList").attr("class","clicked");
				$("#pack_c").show();
			});
			$("#iList").bind("click",function(){
				$("#bList").attr("class","unclicked");
				$("#cList").attr("class","unclicked");
				$("#aList").attr("class","unclicked");
				$("#pack_a").hide();
				$("#pack_b").hide();
				$("#pack_c").hide();
				$("#iList").attr("class","clicked");
				$("#pack_i").show();
			});
		}else{
			$("#packagedet").html("<div style='font-size:24px; color:#313131; text-align:center; width:100%; margin:150px auto;'>尊敬的用户,当前没有可供变更的套餐业务.</div>");
		}
			if(data.iPhoneList!=null){
				$.each(data.iPhoneList,function(i,field){
					$("#pack_i").append('<div><div id="pac'+field.packageId+'" class="recobg"><table height="83px" width="100%" border="0"><tr><td height="83px"><div style="height:83px"><div class="changepactitle" style="height:83px; line-height:83px">'+field.packageName+'</div><div id="sanjiao'+field.packageId+'" style="position:relative; bottom:15px; left:5%; width:20px; height:11px"><img src="res/img/jiao.png"/></div></div></td><td width="52px"><div><img id="upordown'+field.packageId+'" src="res/img/down.png"</div></td></tr></table></div><div id="packdet'+field.packageId+'" class="packdet">'+field.packageText+'</div></div>');
					$("#pac"+field.packageId).bind("click",function(){
						$("#packdet"+field.packageId).slideToggle();
						if($("#upordown"+field.packageId).attr("src")=="res/img/up.png"){
							$("#upordown"+field.packageId).attr("src","res/img/down.png");
						}else{
							$("#upordown"+field.packageId).attr("src","res/img/up.png");
						}
						$("#sanjiao"+field.packageId).fadeToggle();
					});
					$("#sanjiao"+field.packageId).hide();
					$("#packdet"+field.packageId).hide();
				});
			}
			if(data.aList!=null){
				
				$.each(data.aList,function(i,field){
				$("#pack_a").append('<div><div id="pac'+field.packageId+'" class="recobg"><table height="83px" width="100%" border="0"><tr><td height="83px"><div style="height:83px"><div class="changepactitle" style="height:83px; line-height:83px">'+field.packageName+'</div><div id="sanjiao'+field.packageId+'" style="position:relative; bottom:15px; left:5%; width:20px; height:11px"><img src="res/img/jiao.png"/></div></div></td><td width="52px"><div><img id="upordown'+field.packageId+'" src="res/img/down.png"</div></td></tr></table></div><div id="packdet'+field.packageId+'" class="packdet">'+field.packageText+'</div></div>');
				$("#pac"+field.packageId).bind("click",function(){
						$("#packdet"+field.packageId).slideToggle();
						if($("#upordown"+field.packageId).attr("src")=="res/img/up.png"){
							$("#upordown"+field.packageId).attr("src","res/img/down.png");
						}else{
							$("#upordown"+field.packageId).attr("src","res/img/up.png");
						}
						$("#sanjiao"+field.packageId).fadeToggle();
					});
					$("#sanjiao"+field.packageId).hide();
					$("#packdet"+field.packageId).hide();
				});
			}
			if(data.bList!=null){
				$.each(data.bList,function(i,field){
				$("#pack_b").append('<div><div id="pac'+field.packageId+'" class="recobg"><table height="83px" width="100%" border="0"><tr><td height="83px"><div style="height:83px"><div class="changepactitle" style="height:83px; line-height:83px">'+field.packageName+'</div><div id="sanjiao'+field.packageId+'" style="position:relative; bottom:15px; left:5%; width:20px; height:11px"><img src="res/img/jiao.png"/></div></div></td><td width="52px"><div><img id="upordown'+field.packageId+'" src="res/img/down.png"</div></td></tr></table></div><div id="packdet'+field.packageId+'" class="packdet">'+field.packageText+'</div></div>');
				$("#pac"+field.packageId).bind("click",function(){
						$("#packdet"+field.packageId).slideToggle();
						if($("#upordown"+field.packageId).attr("src")=="res/img/up.png"){
							$("#upordown"+field.packageId).attr("src","res/img/down.png");
						}else{
							$("#upordown"+field.packageId).attr("src","res/img/up.png");
						}
						$("#sanjiao"+field.packageId).fadeToggle();
					});
					$("#sanjiao"+field.packageId).hide();
					$("#packdet"+field.packageId).hide();
				});
			}
			if(data.cList!=null){
				$.each(data.cList,function(i,field){
				$("#pack_c").append('<div><div id="pac'+field.packageId+'" class="recobg"><table height="83px" width="100%" border="0"><tr><td height="83px"><div style="height:83px"><div class="changepactitle" style="height:83px; line-height:83px">'+field.packageName+'</div><div id="sanjiao'+field.packageId+'" style="position:relative; bottom:15px; left:5%; width:20px; height:11px"><img src="res/img/jiao.png"/></div></div></td><td width="52px"><div><img id="upordown'+field.packageId+'" src="res/img/down.png"</div></td></tr></table></div><div id="packdet'+field.packageId+'" class="packdet">'+field.packageText+'</div></div>');
				$("#pac"+field.packageId).bind("click",function(){
						$("#packdet"+field.packageId).slideToggle();
						if($("#upordown"+field.packageId).attr("src")=="res/img/up.png"){
							$("#upordown"+field.packageId).attr("src","res/img/down.png");
						}else{
							$("#upordown"+field.packageId).attr("src","res/img/up.png");
						}
						$("#sanjiao"+field.packageId).fadeToggle();
					});
					$("#sanjiao"+field.packageId).hide();
					$("#packdet"+field.packageId).hide();
				});
			}
		if(pactype=="A"){
			$("#aList").trigger("click");
		}else if(pactype=="B"){
			$("#bList").trigger("click");
		}else if(pactype=="C"){
			$("#cList").trigger("click");
		}else if(pactype=="I"){
			$("#iList").trigger("click");
		}
		window.scrollTo(0,1);
	});
	$("#content").append('<div class="woDiv" onclick="download()"><span style="color:#49494b;">下载智能云管家客户端</span><img src="res/img/downll.png" style="padding-top:15px;"/></div>');
}); 
</script>	
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="EditRegion-jscode" -->

<link href="res/index/css/changepackage.css" rel="stylesheet" type="text/css">
<!-- InstanceEndEditable -->
<style type="text/css">
*{
	font-family:Heiti SC;
	font-weight:600;
}
</style>
	<script type="text/javascript">
//var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
//document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2284c04845acdcd94dd640a8555927dc' type='text/javascript'%3E%3C/script%3E"));
</script>

</head>
<link rel="icon" href="res/img/logo.png" type="image/x-icon">
<link rel="shortcut icon" href="res/img/logo.png" type="image/x-icon"> 
<body style="margin:0;">

	<div id="header">
	<!-- InstanceBeginEditable name="EditRegion-header" -->
    <table width="100%" height="88px">
    	<tr>
        	<td width="10%" onClick="javascript:location.href='index.html'">
            <div><img src="res/img/back.png"/></div>
            </td>
            <td width="80%">
            <span style="font-size:34px; font-weight:bold; color:#fff;">变更套餐</span>
            </td>
            <td width="10%">
            
            </td>
        </tr>
    </table>
    
	<!-- InstanceEndEditable -->
    </div>
    <div id="content">
    <div id="loading" class="loading"><img src="res/loading.gif"/>载入中...</div>
    <div class="floatBoxBg"></div>
	<!-- InstanceBeginEditable name="EditRegion-content" -->
    <div id="headtable" style="display:none; height:79px">
    <table height="79px" width="100%" cellpadding="0" cellspacing="0" border="0">
      <tr id="tablepage">
     
      </tr>
    </table>
    </div>
    <div id="packagedet">
        <div id="pack_i">
        </div>
        <div id="pack_a">
        </div>
        <div id="pack_b">
        </div>
        <div id="pack_c">
        </div>
    </div>
     <br/>
    <div style="color:#676767; font-size:24px; text-align:center;">注:本页数据仅供参考，详细内容请以营业厅信息为准!</div>
	<!-- InstanceEndEditable -->
    </div>
    <!-- InstanceBeginEditable name="EditRegion-footer" -->
<!-- InstanceEndEditable -->
    <div id="footer">
    </div>
    
</body>
<!-- InstanceEnd --></html>
